@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Roboto:wght@500&display=swap');

body{
     font-family: 'Poppins', sans-serif;
}
.footer_container {
 background-color: black;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 9px 12px;
}
.about_us{
    margin-left: -38px;
}
.first_container, .second_container, .third_container {
    flex-basis: 100%;
    color: white;
    box-sizing: border-box;
    padding: 20px;
    /*border: 1px solid white;*/
}

.first_container, .second_container {
    /*border: 1px solid white;*/
}
.copyright_div{
  background-color: #333; 
    color: white; 
    text-align: center; 
    padding: 10px 0; 
}
.copyright_div p {
    margin: 0; 
    font-size: 14px; 
    color:white;
}
.list_item a{
    color:white;
}

@media only screen and (min-width: 992px) {
    .first_container, .second_container, .third_container {
        flex-basis: calc(33.33% - 20px);
        margin-right: 20px;
        /*border: 1px solid white;*/
    }
}

@media only screen and (min-width: 600px) and (max-width: 991px) {
    .footer_container {
        flex-wrap: wrap;
    }

    .first_container, .second_container {
        flex-basis: calc(50% - 20px);
        margin-right: 20px;
        /*border: 1px solid white;*/
    }

    .third_container {
        flex-basis: 100%;
        margin-top: 20px;
        /*border: 1px solid white;*/
    }
}

@media only screen and (min-width: 481px) and (max-width: 599px) {
    .first_container, .second_container, .third_container {
        flex-basis: 100%;
        margin-right: 0;
        margin-top: 0;
        /*border: 1px solid white;*/
    }
}

@media only screen and (max-width: 480px) {
    .footer_container {
        flex-wrap: no-wrap;
        flex-direction : column ;
    }
    .first_container, .second_container, .third_container {
        flex-basis: 100%;
        margin-right: 0;
        margin-top: 20px; 
        /*border: 1px solid white;*/
    }
}